<template>
     <u-popup :show="isPopup" :round="15" mode="bottom" @close="onClose">
          <view class="flex item-center between" style="padding: 40rpx; border-bottom: 1px solid #F5F5F5;">
              <view></view>
              <view class="popTitle">暂未开放</view>
              <view style="padding: 10rpx">
                  <u-icon name="close" :bold="true" @click="onClose"/>
              </view>
          </view>
          <view class="flex flex-column center" style="padding: 57rpx 0 100rpx 0;" :closeOnClickOverlay="true" overlayStyle="{background: 'rgba(3, 100, 219, 0)'}">
              <image src="../../static/images/user/noOpen.svg" style="width: 360rpx;height: 270rpx;margin-bottom: 26rpx;"/>
              <text style="font-size: 28rpx;">此功能暂未开放，敬请期待</text>
          </view>
      </u-popup>
</template>
<script>
export default {
    name: "NoOpenPopup",
    data() {
        return {
           
        }
    },
    props: {
        isPopup:{
            type: Boolean,
            default: false
        }
    },
    methods: {
        onClose(){
            this.$emit("close")
        }
    }
}

</script>

<style scoped>
    .shadowWrap{
        box-shadow: 0px 4px 12px 0px #00000014;
        border-radius: 24rpx;
    }

</style>
